<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Comparaci&oacute;n</title>
        <link type="text/css" rel="stylesheet" href="css/cupertino/skin.css" />
        <link rel="stylesheet" type="text/css" href="css/actividades.css" />
    </head>
    <body>
        <h:form style="text-align: center">
            <h:commandButton value="Dia" action="dia" styleClass="boton"/>
            <h:commandButton value="Semana" disabled="true" styleClass="botonD"/>
            <h:commandButton value="Mes" action="mes" styleClass="boton" />
            <h:commandButton value="Tareas" action="tareas" styleClass="boton"/>
        </h:form>
        <h:dataTable value="#{semana.compara()}" var="item" border="1" styleClass="formato">
            <f:facet name="header">
                <h:outputText value="Vista por semana"/>
            </f:facet>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Hora"/>
                </f:facet>
                <h:outputText value="#{item.hora}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Lunes"/>
                </f:facet>
                <h:outputText value="#{item.lunes}" style="color: #{semana.selColor(item.lunes)}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Martes"/>
                </f:facet>
                <h:outputText value="#{item.martes}" style="color: #{semana.selColor(item.martes)}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Miercoles"/>
                </f:facet>
                <h:outputText value="#{item.miercoles}" style="color: #{semana.selColor(item.miercoles)}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Jueves"/>
                </f:facet>
                <h:outputText value="#{item.jueves}" style="color: #{semana.selColor(item.jueves)}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Viernes"/>
                </f:facet>
                <h:outputText value="#{item.viernes}" style="color: #{semana.selColor(item.viernes)}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Sabado"/>
                </f:facet>
                <h:outputText value="#{item.sabado}" style="color: #{semana.selColor(item.sabado)}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Domingo"/>
                </f:facet>
                <h:outputText value="#{item.domingo}" style="color: #{semana.selColor(item.domingo)}"/>
            </h:column>
        </h:dataTable>
        <h:form style="text-align: right">
            <h:commandButton value="Inicio >>" action="inicio" styleClass="boton"/>
        </h:form>
    </body>
</html>
